<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/project-common.css">
    <!-- 导入轮播图样式 -->
    <link rel="stylesheet" href="../css/slider.css">
    <link rel="stylesheet" href="../css/projectlist.css">
    <script src="../lib/jquery.js"></script>
    <!-- 导入图片轮播图代码 -->
    <script src="../lib/jquery.slidebox.js"></script>
    <!-- 导入对应网页代码 -->
    <script src="../js/projectlist.js"></script>
    <script>
        $(this).animate
    </script>
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <div class="head clearfix">
        <!-- 网站提示 -->
        <div class="head-top container-fluid">
            <div class="container c-ffffff">
                <p class="fl ti-210"><a href="./home.html">legochina.cn</a></p>
                <p class="fr">欢迎光临<a href="./home.html">乐购</a>，请 <a href="./login.html">登录</a>\<a href="./register.html">注册</a></p>
                <h1 class="logo">
                    <img src="../image/header-logo-02.jpg" alt="">
                </h1>
            </div>
        </div>
        <!-- 搜索栏区域 -->
        <div class="head-search container pt4b20 clearfix">
            <!-- 搜索区域按钮 -->
            <div class="head-shopping-btn fr">
                <a href="./shoppingcar.html">购物车 <span>3</span></a>
                <a href="#">我的订单</a>
            </div>
            <!-- 搜索框 -->
            <div class="head-search-body fr">
                <input type="text" name="search" class="head-search-text fl" placeholder="创意文具">
                <input type="submit" value="" class="head-search-btn fl">
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="head-nav container clearfix fsize-16">
            <ul class="fr">
                <li><a href="#">图书</a></li>
                <li><a href="#">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购</a></li>
                <li><a href="#">电器城</a></li>
            </ul>
        </div>
    </div>

    <!-- 菜单轮播图 -->
    <div class="menubanner container clearfix">       
        <div class="pptbox fl" id="menubanner-slider">
            <ul class="innerwrapper">
                <li>
                    <a href="#">
                        <img src="../image/banner1.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/banner2.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/banner3.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/banner4.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../image/banner5.jpg" />
                    </a>
                </li>
            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
        <div class="accordion-over fl" class="fl">
            <h3 class="ti-6 lineh-30 fsize-18">热卖畅销</h3>
            <ul class="accordion-over-body">
                <li class="active">
                    <a href="#">
                        <i class="bgc-f60">1</i>
                        <img src="../image/shopping/书籍/23579654-1_l.jpg" alt="">
                        <p>《三体》刘慈欣一场科幻的史诗风暴</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="bgc-f60">2</i>
                        <img src="../image/shopping/书籍/23579654-1_l.jpg" alt="">
                        <p>《三体》刘慈欣一场科幻的史诗风暴</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="bgc-f60">3</i>
                        <img src="../image/shopping/书籍/23579654-1_l.jpg" alt="">
                        <p>《三体》刘慈欣一场科幻的史诗风暴</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>4</i>
                        <img src="../image/shopping/书籍/23579654-1_l.jpg" alt="">
                        <p>《三体》刘慈欣一场科幻的史诗风暴</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>5</i>
                        <img src="../image/shopping/书籍/23579654-1_l.jpg" alt="">
                        <p>《三体》刘慈欣一场科幻的史诗风暴</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>6</i>
                        <img src="../image/shopping/书籍/23579654-1_l.jpg" alt="">
                        <p>《三体》刘慈欣一场科幻的史诗风暴</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>7</i>
                        <img src="../image/shopping/书籍/23579654-1_l.jpg" alt="">
                        <p>《三体》刘慈欣一场科幻的史诗风暴</p>
                    </a>
                </li>
            </ul>
        </div>
        <img src="../image/banner-guangao-1.jpg" alt="" class="clear">
    </div>

    <!-- 乐购·图书折扣区 -->
    <div class="recommend container clearfix mt30">
        <div class="project-title clearfix">
            <h2 class="fsize-22 fl"><span>乐购·图书折扣区</span></h2>
        </div>
        <ul class="recommend-projects horizontal-commodity active clearfix">
            <script>
                for (let i = 0; i < 10; i++) {
                    document.write(`
                        <li>
                            <a href="#">
                                <p class="tac pt4b30"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                <p class="restrict-timer"><img src="../image/discount-8.png" alt="" ></p>
                                <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                <p class="lineh-22 ti-16">
                                    <span class='c-ff0d00 verticalmid'>推荐:</span>
                                    <img src="../image/quanxing.png" alt="" >
                                    <img src="../image/quanxing.png" alt="" >
                                    <img src="../image/quanxing.png" alt="" >
                                    <img src="../image/quanxing.png" alt="" >
                                    <img src="../image/banxing.png" alt="" >
                                </p>
                                <p class="fsize-18 ti-16 lineh-22">
                                    <span class='c-ff0d00'>￥:299</span>
                                    <del class='pl6 c-808080'>￥:399</del>
                                </p>
                            </a>
                        </li>
                    `)
                }
            </script>
        </ul>
    </div>

    <!-- 新书上架 -->
    <div class="book container floor-box mt30 clearfix">
        <div class="book-left fl">
            <div class="project-title clearfix">
                <h2><span class="fsize-28">新</span>书上架</h2>
            </div>
            <ul class="horizontal-commodity fl active">
                <script>
                    for (let i = 0; i < 10; i++) {
                        document.write(`
                            <li>
                                <a href="#" class='fsize-14'>
                                    <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                    <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                    <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                    <p class="ti-16 fsize-18 lineh-22">
                                        <span class='c-ff0d00'>￥:299</span>
                                        <del class='pl6 c-808080'>￥:399</del>
                                    </p>
                                </a>
                            </li>
                        `)
                    }
                </script>
            </ul>
        </div>
        <div class="book-right accordion fr mt35">
            <h2 class="tac fsize-24 mb7 lineh-40">新书畅销榜</h2>
            <ul class="pl20">
                <li>
                    <a href="#">
                        <span>1</span>
                        <h4 class="lineh-38 active lineh-38" style="display: none;">就喜欢你看不惯我 又干不</h4>
                        <div class='clearfix active' style="display: block;">
                            <img src="../image/index08_05.jpg" alt="" class='fl'>
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </a>
                </li>
                <script>
                    for (let i = 2; i < 9; i++) {
                        document.write(`
                            <li>
                                <a href="#">
                                    <span>${i}</span>
                                    <h4 class="lineh-38">就喜欢你看不惯我  又干不</h4>
                                    <div class='clearfix'>
                                        <img src="../image/index08_05.jpg" alt="" class='fl'>
                                        <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                                    </div>
                                </a>
                            </li>
                        `)
                    }
                </script>
            </ul>
        </div>
    </div>

    <!-- 独家提供 -->
    <div class="clothing container floor-box mt30 clearfix">
        <div class="project-title clearfix">
            <h2 class="fl"><span class="fsize-28">独</span>家提供</h2>
            <div class="control fsize-18 fr tac">
                <span class="active">货币金融</span>
                <span>社会文学</span>
                <span>科学技术</span>
                <span>儿童文学</span>
                <span>教学参辅</span>
                <span>生活</span>
                <span>小说</span>
            </div>
        </div>
        <div class="pptbox clothing-slider" style="display: block;">
            <ul class="innerwrapper">
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
        <div class="pptbox clothing-slider">
            <ul class="innerwrapper">
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
        <div class="pptbox clothing-slider">
            <ul class="innerwrapper">
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="exercise container floor-box mt30 clearfix">
        <div class="project-title clearfix">
            <h2 class="fl"><span class="fsize-28">猜</span>你喜欢</h2>
            <span class="project-title-btn fr fsize-18 ti-36 c-468bdf">换一批</span>
        </div>
        <div class="exercise-box">
            <ul class="exercise-box-body">
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾1</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾2</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
                <li>
                    <div class="horizontal-commodity active clearfix">
                        <script>
                            for (let i = 0; i < 12; i++) {
                                document.write(`
                                    <div>
                                        <a href="#" class='fsize-14'>
                                            <p class="tac"><img src="../image/shopping/书籍/22935553-1_l.jpg" alt=""></p>
                                            <p class="lineh-22 ti-16">白夜行  东野上吾3</p>
                                            <p class="lineh-22 ti-16 c-808080">中国邮电出版社</p>
                                            <p class="ti-16 fsize-18 lineh-22">
                                                <span class='c-ff0d00'>￥:299</span>
                                                <del class='pl6 c-808080'>￥:399</del>
                                            </p>
                                        </a>
                                    </div>
                                `)
                            }
                        </script>
                    </div>
                </li>
            </ul>
        </div>
        
    </div>

    <!-- 搜索框 -->
    <div class="search-box">
        <p class="search-box-logo">
            <img src="../image/logo_00.png" alt="">
        </p>
    </div>

    <!-- 页脚 -->
    <div class="foot mt30">
        <div class="border6-top-f60 bgc-f2f2f2 container-fluid">
            <div class="foot-top container">
                <img src="../image/222_11.png" alt="">
                <img src="../image/222_13.png" alt="">
                <img src="../image/222_15.png" alt="">
                <img src="../image/222_17.png" alt="">
            </div>
        </div>
        <div class="foot-bottom border-top-tran container">
            <div class="foot-bottom-zhinan clearfix">
                <dl>
                    <dt>购物指南</dt>
                    <dd>
                        <a href='#'>购物流程</a>
                    </dd>
                    <dd><a href='#'>发票制度</a></dd>
                    <dd><a href='#'>账户管理</a></dd>
                    <dd><a href='#'>会员优惠</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href='#'>货到付款</a></dd>
                    <dd><a href='#'>网上支付</a></dd>
                    <dd><a href='#'>礼品卡支付</a></dd>
                    <dd><a href='#'>银行转帐</a></dd>
                </dl>
                <dl>
                    <dt>订单服务</dt>
                    <dd><a href='#'>订单配送查询</a></dd>
                    <dd><a href='#'>订单状态说明</a></dd>
                    <dd><a href='#'>自助取消订单</a></dd>
                    <dd><a href='#'>自助修改订单</a></dd>
                </dl>
                <dl>
                    <dt>退换货</dt>
                    <dd><a href='#'>退换货政策</a></dd>
                    <dd><a href='#'>自助申请退换货</a></dd>
                    <dd><a href='#'>退换货进度查询</a></dd>
                    <dd><a href='#'>退款方式和时间</a></dd>
                </dl>
                <dl>
                    <dt>商家服务</dt>
                    <dd><a href='#'>商家中心</a></dd>
                    <dd><a href='#'>运营服务</a></dd>
                    <dd><a href='#'>加入尾品汇</a></dd>
                </dl>
            </div>
            <h1 class="logo">
                <img src="../image/logo_00.png" alt="">
            </h1>
            <p class="mt48">公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
            <p class="mt24">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>
</body>

</html>